@charset "UTF-8";

/* CSS Document 2023/02/18
------------------------------------------
    - Common
    0 Top
    - main
    1 prologue
    2 what?
    3 check!
    4 which?
    5 coordinate
    6 review
    7 wash
    8 q&a
------------------------------------------ */

/*================================
        Common
=================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;500&display=swap");

:root {
    --root-font-size: 16;
}

p {
    font-size: calc(13 / var(--root-font-size) * 1rem);
}


main {
    font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
    color: #231815;
}

.text-color {
    color: #bc150e;
}

.daimaru_ueno_coffee_trip_fes__main--content img {
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none;
}

.coffee_trip_fes__shop--column2 img,
.coffee_trip_fes__shop--column3 img {
    pointer-events: auto;
}
/*================================
        main
=================================*/

@media screen and (max-width: 1019px) {
    .daimaru_ueno_coffee_trip_fes__main--content {
        background: url(../images/1_top/1_background_sp_tb.png);
        background-size: cover;
        background-repeat: no-repeat;
        /* pointer-events: none; */
    }

    .breadcrumbs__list {
        display: flex;
        align-items: center;
        background-color: #231815;
        height: 8.811vw;
        padding-left: 6.667vw;
    }

    .breadcrumbs__list li::after {
        content: ">";
        display: inline-block;
        padding: 0 8.1px 0 12px; /*左右に余白*/
    }

    .breadcrumbs__list li:last-child::after {
        display: none;
    }
    .breadcrumbs__list---item {
        font-size: clamp(10px, 11 / 375 * 100vw, 16px);
        color: #fff;
    }

    .coffee_trip_fes__shop--column {
        margin-top: 16.8vw;
        margin-bottom: 6.373vw;
    }

    .coffee_trip_fes__shop--name {
        text-align: center;
        font-size: clamp(10px, 24 / 375 * 100vw, 34px);
        font-weight: 600;
        line-height: 1.58;
        letter-spacing: 0.2em;
        margin-top: 14.8vw;
        /* transform: scale(1.3, 1.3);
        transform-origin: top left;
        width: 76.9%;
        height: 76.9%;
        margin: -7px 0; */
    }

    .coffee_trip_fes__shop--subname {
        text-align: center;
        font-size: clamp(10px, 18 / 375 * 100vw, 34px);
        font-weight: 600;
    }

    .coffee_trip_fes__shop--subtitle {
        text-align: center;
        font-size: clamp(10px, 20 / 375 * 100vw, 36px);
        font-weight: 600;
        line-height: 1.65;
        letter-spacing: 0.2em;
    }

    .coffee_trip_fes__shop_photo {
        margin-left: 11.013vw;
        margin-right: 10.587vw;
        margin-bottom: 5.52vw;
        text-align: center;
    }

    .coffee_trip_fes__shop_photo img {
        width: 78.743vw;
        height: 70.911vw;
    }

    .coffee_trip_fes__shop--explanation,
    .coffee_trip_fes__shop--sub-explanation {
        text-align: left;
        font-size: clamp(10px, 12 / 375 * 100vw, 20px);
        letter-spacing: 0.1em;
        font-weight: 500;
        /* margin-left: 11.013vw;
        margin-right: 10.587vw; */
        width: 78.743vw;
        margin: 0 auto;
    }

    .coffee_trip_fes__shop--column3 {
        margin-bottom: 5.067vw;
    }

    .shop__info {
        margin-top: 16.267vw;
        margin-left: 32.133vw;
        margin-right: 32.427vw;
    }

    .shop__info img {
        width: 35.435vw;
        height: 6.141vw;
    }

    .shop__bean--sp {
        margin-top: 0.88vw;
        margin-left: 75.52vw;
        margin-right: 16.32vw;
    }

    .shop__bean--sp img {
        width: 8.179vw;
        height: 18.52vw;
    }

    .shop__check {
        margin-top: -2.933vw;
        margin-left: 35.973vw;
        margin-right: 36.427vw;
    }

    .shop__check img {
        width: 27.592vw;
        height: 19.867vw;
    }

    .coffee_trip_fes__top--explanation--headline,
    .coffee_trip_fes__top--explanation--subtext,
    .coffee_trip_fes__top--explanation--subtext2,
    .coffee_trip_fes__top--explanation--headline,
    .coffee_trip_fes__top--explanation--subtext3,
    .coffee_trip_fes__japanmap--image {
        text-align: center;
    }

    .coffee_trip_fes__top--explanation--subtext {
        margin-top: 6.133vw;
        font-size: clamp(10px, 10 / 375 * 100vw, 20px);
        font-weight: 600;
        letter-spacing: 0.01em;
        line-height: 2.6;
        /* margin: -8px 0; */
    }

    .coffee_trip_fes__top--explanation2 {
        margin-top: 8.533vw;
    }

    .coffee_trip_fes__top--explanation--headline img {
        width: 26.647vw;
        height: 26.933vw;
    }

    .coffee_trip_fes__top--explanation--subtext2 {
        font-size: clamp(10px, 10 / 375 * 100vw, 20px);
        font-weight: 600;
        letter-spacing: 0.01em;
        line-height: 2.27;
        padding-bottom: 32.053vw;
        transform: scale(1.3, 1.3);
        transform-origin: top left;
        width: 76.9%;
        height: 76.9%;
        margin: -7px 0;
    }

    .coffee_trip_fes__top--explanation--subtext3 {
        font-size: clamp(10px, 21 / 375 * 100vw, 35px);
        font-weight: 600;
        letter-spacing: 0.12em;
        line-height: 2.6;
        transform: scale(1.3, 1.3);
        transform-origin: top left;
        width: 76.9%;
        height: 76.9%;
        margin: -3.2px 0;
    }

    .coffee_trip_fes__japanmap--image {
        padding-bottom: 23.307vw;
    }

    .coffee_trip_fes__japanmap--image img {
        width: 98.543vw;
        height: 85.333vw;
    }

    .coffee_trip_fes__japanmap--image2 img,
    .coffee_trip_fes__japanmap--image3 img {
        width: 28.917vw;
        height: 17.333vw;
    }

    .coffee_trip_fes__japanmap--image2 {
        margin-left: 36.213vw;
        margin-right: 34.853vw;
        margin-bottom: 7.093vw;
    }
    .coffee_trip_fes__japanmap--image3 {
        margin-top: 17.76vw;
        margin-left: 39.547vw;
        margin-right: 31.467vw;
        margin-bottom: 6.64vw;
    }

    .coffee_trip_fes__east--shop,
    .coffee_trip_fes__west--shop {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        flex: 0 0 calc(100% - 27.1px);
        margin-left: 11.467vw;
        margin-right: 9.867vw;
    }

    .coffee_trip_fes__east--shoplist {
        display: grid;
        margin-right: 7.227vw;
        text-align: center;
    }

    .coffee_trip_fes__east--shoplist:nth-child(even) {
        margin-right: 0;
    }

    .coffee_trip_fes__east--shoplist img {
        width: 35.716vw;
        height: 35.716vw;
    }
    .coffee_trip_fes__west--shop {
        padding-bottom: 159.733vw;
    }

    .shop--name {
        display: block;
        font-size: clamp(10px, 11.24 / 375 * 100vw, 26px);
        margin: 1.573vw auto 4.987vw;
        color: #fff;
        background-color: #231815;
        width: 36vw;
        height: 5.445vw;
        text-align: center;
        border-radius: 2.723vw;
    }
    .shop__attention--text {
        font-size: clamp(10.5px, 10.5 / 375 * 100vw, 26px);
        font-weight: 500;
        margin-top: 1.267vw;
        margin-left: 32.133vw;
        margin-right: 32.133vw;
        letter-spacing: 0.1em;
    }

    .small__text {
        display: none;
    }
}
/* sp,tb */

@media screen and (min-width: 1020px) {
    .daimaru_ueno_coffee_trip_fes__main--content {
        background: url(../images/1_top/1_background_pc.png);
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 1020px;
        margin: 0 auto;
        /* margin: 30px auto 30px; */
    }

    .br__sp {
        display: none;
    }

    .breadcrumbs__list {
        display: flex;
        align-items: center;
        background-color: #231815;
        height: 33.04px;
        padding-left: 30px;
    }

    .breadcrumbs__list li::after {
        content: ">";
        display: inline-block;
        padding: 0 8.1px 0 12px; /*左右に余白*/
    }

    .breadcrumbs__list li:last-child::after {
        display: none;
    }
    .breadcrumbs__list---item {
        font-size: clamp(11.71px, 11.71 / 1020 * 100vw, 11.71px);
        color: #fff;
    }

    .coffee_trip_fes__shop--pc {
        display: flex;
        justify-content: center;
        margin-left: 89.4px;
        margin-right: 77px;
    }

    .coffee_trip_fes__shop--column {
        margin-top: 102px;
        margin-right: 98.9px;
        margin-bottom: 0;
    }

    .coffee_trip_fes__shop--name {
        text-align: center;
        font-size: clamp(24px, 24 / 1020 * 100vw, 24px);
        font-weight: 600;
        line-height: 1.58;
        letter-spacing: 0;
        margin-top: 76.3px;
        white-space: nowrap;
    }

    .coffee_trip_fes__shop--subname {
        text-align: center;
        font-size: clamp(18px, 18 / 1020 * 100vw, 18px);
        font-weight: 600;
    }

    .coffee_trip_fes__shop--subtitle {
        text-align: center;
        font-size: clamp(22px, 22 / 1020 * 100vw, 22px);
        font-weight: 600;
        line-height: 1.65;
        letter-spacing: 0.2em;
        white-space: nowrap;
    }

    .coffee_trip_fes__shop_photo {
        margin-top: 88px;
        margin-left: 0;
        /* margin-right: 10.587vw;
        margin-bottom: 5.52vw; */
    }

    .coffee_trip_fes__shop_photo img {
        width: 416.7502px;
        height: 375.2979px;
    }

    .coffee_trip_fes__shop--explanation,
    .coffee_trip_fes__shop--sub-explanation {
        text-align: left;
        font-size: clamp(12px, 12 / 1020 * 100vw, 12px);
        letter-spacing: 0.1em;
        font-weight: 400;
        /* margin-left: 11.013vw;
        margin-right: 10.587vw; */
    }

    .coffee_trip_fes__shop--explanation {
        margin-top: 16.9px;
        width: 416.7502px;
        /* margin-right: 19px; */
    }

    .coffee_trip_fes__shop--column3 {
        margin-top: 123.8px;
        margin-bottom: 0;
    }

    .shop__info {
        margin-top: 0;
        /* text-align: center; */
        margin-left: 428px;
        margin-right: 428px;
    }

    .shop__info img {
        width: 164.05px;
        height: 28.43px;
    }

    .shop__bean--sp {
        display: none;
    }

    .shop__check {
        margin-top: 53px;
        margin-left: 445.9px;
        margin-right: 456.7px;
        padding-bottom: 400px;
    }

    .shop__check img {
        width: 108.1289px;
        height: 77.5907px;
    }

    .coffee_trip_fes__top--explanation--headline,
    .coffee_trip_fes__top--explanation--subtext,
    .coffee_trip_fes__top--explanation--subtext2,
    .coffee_trip_fes__top--explanation--headline,
    .coffee_trip_fes__top--explanation--subtext3,
    .coffee_trip_fes__japanmap--image {
        text-align: center;
    }

    .coffee_trip_fes__top--explanation--subtext {
        margin-top: 6.133vw;
        font-size: clamp(10px, 10 / 375 * 100vw, 20px);
        font-weight: 600;
        letter-spacing: 0.01em;
        line-height: 2.6;
        /* margin: -8px 0; */
    }

    .coffee_trip_fes__top--explanation--headline img {
        width: 129.6px;
        height: 131px;
    }

    .shop--name {
        display: block;
        font-size: clamp(15.92px, 15.92 / 1020 * 100vw, 15.92px);
        margin: 18.9px auto 28.7px;
        color: #fff;
        background-color: #231815;
        width: 135px;
        height: 28.92px;
        text-align: center;
        border-radius: 14.4601px;
    }
    .shop__attention--text {
        font-size: clamp(12px, 12 / 1020 * 100vw, 12px);
        font-weight: 500;
        margin-top: 10px;
        margin-left: 438px;
        margin-right: 418px;
    }

    .small__text {
        display: none;
    }
}
/* pc */

@media screen and (min-width: 1px) and (max-width: 375px) {
    .shop__attention--text {
        text-align: center;
    }

    .small__text {
        display: block;
    }
}